<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/main.min.css">
    <link rel="stylesheet" href="assets/iconfont/iconfont.css">
</head>

<body>
    <header class="indexHead">
        <div class="layout">
            <ol class="headnavlef">
                <li><a href="#">首页</a></li>
                <li><a href="http://huawei.com">华为官网</a></li>
                <li><a href="#">花粉俱乐部</a></li>
                <li><a href="#">V码(优购玛)</a></li>
                <li><a href="#">企业购</a></li>
                <li><a href="#">Select</a></li>
                <li><a href="#">更多精彩</a></li>
            </ol>
            <ul id="indexHeadul">
                <li id="token"><a href="login.html">请登录&nbsp;注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">客户服务 <span></span></a></li>
                <li><a href="#">网站导航<span></span></a></li>
                <li><a href="#">手机版<span></span></a></li>
                <li><a href="#"> <i class="iconfont icon-gouwuche"></i> <i>购物车</i>
                        <i class="carnum">0</i></a></li>
            </ul>
        </div>
    </header>
    <div class="indexnav">
        <div class="indexnavmain">
            <div class="indexnavlef">
                <a href="index.html"><img src="../assets/images/index/logo.png" alt="" class="indexlogo"></a>
                <span>我的购物车</span>
            </div>
            <div class="indexnavrig">
                <input type="text" placeholder="Mate x2">
                <span class="iconfont icon-sousuo1"></span>
            </div>
        </div>
    </div>
    <section class="sectmap">
        <div class="carhead">
            <label for="" class="checkd">
                <input type="checkbox" class="checkall">
                <span>全选</span>
            </label>
            <ul>
                <li style="width: 450px;text-align: left;">商品</li>
                <li>单价</li>
                <li >数量</li>
                <li>小计</li>
                <li>操作</li>
            </ul>
        </div>
        <table class="shopcart">
                <tr id="templet">
                    <td style="width: 30px;">
                        <input type="checkbox" class="check">
                    </td>
                    <td class="subname">
                        <dl>
                            <dd><img src="../assets/images/imglist/list1.png" alt=""></dd>
                            <dt>
                                <p class="carname">HUAWEIMate30 pro</p>
                                <p class="carpei">青山黛5g全网通官方标配</p>
                            </dt>
                        </dl>
                        

                    </td>
                    <td>
                        ¥:
                        <span class="subprice">40</span>
                    </td>
                    <td>
                        <button class="sub">-</button>
                        <span class="count">1</span>
                        <button class="addshops">+</button>
                    </td>
                    
                    <td>
                        <span class="rmb">￥</span>
                        <span class="subtotal">40</span>
                    </td>
                    <td>
                        <span class="del">删除</span>
                    </td>
                </tr>
                
        </table>
        <div class="carfoot">
            <!-- <div class="chackall">
                <input type="checkbox" class="checkout">
                <span class="delall">删除</span>
            </div> -->
            <div class="totalbtn">
                <a href="">立即结算</a>
            </div>
            <div class="allbox">
                <p>总计：<span>￥</span><span class="totalprice">0</span></p>
                <p>已选择<span class="totalcount">0</span>件商品</p>
            </div>
           
        </div>
    </section>
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/ShoppingCart.js"></script>
</body>

</html>